<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>产品介绍</title>
	<link rel="stylesheet" href="./layui/css/layui.css" media="all">
	<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	<script src="./layui/layui.js" charset="utf-8"></script>
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Oxygen:300,400,700&amp;subset=latin-ext" rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
<!-- header -->
<header>
	<div class="container-fluid">
		<div class="header d-md-flex justify-content-between align-items-center py-3 px-xl-5 px-lg-3 px-2">
			<!-- logo -->
			<div id="logo">
				<h1><a href="index.html">Elvis</a></h1>
			</div>
			<!-- //logo -->
			<!-- nav -->
			<div class="nav_w3ls">
				<nav>
					<label for="drop" class="toggle">Menu</label>
					<input type="checkbox" id="drop" />
					<ul class="menu">
						<li><a href="index.html" class="active">首页</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="brand.html?bcategory=all">所有品牌</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</nav>
			</div>
			<!-- //nav -->
		</div>
	</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner_w3lspvt-2">

</div>
<!-- //banner -->

<!-- //main banner -->
<!-- page details -->
<div class="breadcrumb-mobamu">
	<ol class="breadcrumb">
		<li class="breadcrumb-item">
			<a href="index.html">首页</a>
		</li>
		<li class="breadcrumb-item active" aria-current="page">产品介绍</li>
	</ol>
</div>
<!-- //page details -->

	<!-- 主页面 -->
	<section class="gallery py-5" id="gallery">
		<div class="container py-md-5">
			<div id="bname">

			</div>

			<div class="row news-grids no-gutters text-center">
				<div class="col-md-4 gal-img">
					<a href="#gal1"><img id="plogo1" width="230px" height="230px"  alt="Gallery Image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 gal-img">
					<a href="#gal2"><img id="plogo2"  width="230px" height="230px"  alt="Gallery Image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 gal-img">
					<a href="#gal3"><img  id="plogo3" width="230px" height="230px"  alt="Gallery Image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 gal-img">
					<a href="#gal4"><img id="plogo4"  width="230px" height="230px"  alt="Gallery Image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 gal-img">
					<a href="#gal5"><img  id="plogo5" width="230px" height="230px"  alt="Gallery Image" class="img-fluid"></a>
				</div>
				<div class="col-md-4 gal-img">
					<a href="#gal6"><img  id="plogo6"  width="230px" height="230px"  alt="Gallery Image" class="img-fluid"></a>
				</div>
			</div>
		</div>
	</section>
	<!-- gallery popups -->
	<!-- 弹出层-->
	<div id="gal1" class="pop-overlay animate">
		<div class="popup">
			<img  id="plogo11"   alt="Popup Image" class="img-fluid" />
			<p id="pintroduce1" class="mt-4"></p>
			<a class="close" href="#gallery">&times;</a>
		</div>
	</div>
	<!-- //popup -->
	<!-- popup-->
	<div id="gal2" class="pop-overlay animate">
		<div class="popup">
			<img  id="plogo22"   alt="Popup Image" class="img-fluid" />
			<p  id="pintroduce2" class="mt-4"></p>
			<a class="close" href="#gallery">&times;</a>
		</div>
	</div>
	<!-- //popup -->
	<!-- popup-->
	<div id="gal3" class="pop-overlay animate">
		<div class="popup">
			<img  id="plogo33"  alt="Popup Image" class="img-fluid" />
			<p  id="pintroduce3" class="mt-4"></p>
			<a class="close" href="#gallery">&times;</a>
		</div>
	</div>
	<!-- //popup3 -->
	<!-- popup-->
	<div id="gal4" class="pop-overlay animate">
		<div class="popup">
			<img  id="plogo44"  alt="Popup Image" class="img-fluid" />
			<p  id="pintroduce4"  class="mt-4"></p>
			<a class="close" href="#gallery">&times;</a>
		</div>
	</div>
	<!-- //popup -->
	<!-- popup-->
	<div id="gal5" class="pop-overlay animate">
		<div class="popup">
			<img  id="plogo55"   alt="Popup Image" class="img-fluid" />
			<p id="pintroduce5"  class="mt-4"></p>
			<a class="close" href="#gallery">&times;</a>
		</div>
	</div>
	<!-- //popup -->
	<!-- popup-->
	<div id="gal6" class="pop-overlay animate">
		<div class="popup">
			<img    id="plogo66"  src="images/price3.jpg" alt="Popup Image" class="img-fluid" />
			<p id="pintroduce6" class="mt-4"></p>
			<a class="close" href="#gallery">&times;</a>
		</div>
	</div>
	<!-- //popup -->
	<!-- //gallery popups -->
	<!-- //gallery -->
<script>
	//从当前页面的url地址中获取参数数据
	function getRequest() {
		var url = location.search; //获取url中"?"符后的字串
		var theRequest = new Object();
		if(url.indexOf("?") != -1) {
			var str = url.substr(1);
			strs = str.split("&");
			for(var i = 0; i < strs.length; i++) {
				theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
			}
		}
		return theRequest;
	}
</script>
<script>
    layui.use(['element'], function(){
        var $ = layui.$;
		var get = getRequest();
		var bid = get.bid;


        $.ajax({
            url:'/product/showall/'+bid,
            type:'get',

            success:function(map) {


                $("#bname").append(" <h3  class='tittle text-center font-weight-bold'>"+map.data[0].bname+"</h3>" +
                   						 "<p  class='sub-tittle text-center mt-2 mb-sm-5 mb-4 pb-xl-3'>"+map.data[0].binfo+"</p>")


                $("#pintroduce1").append("<a>"+ map.data[0].pintroduce+ "</a>")
                $("#pintroduce2").append("<a>"+ map.data[1].pintroduce+ "</a>")
                $("#pintroduce3").append(" <a>"+ map.data[2].pintroduce+ "</a>")
				$("#pintroduce4").append(" <a>"+ map.data[3].pintroduce+ "</a>")
				$("#pintroduce5").append(" <a>"+ map.data[4].pintroduce+ "</a>")
                $("#pintroduce6").append(" <a>"+ map.data[5].pintroduce+ "</a>")




                $("#plogo1").attr("src",map.data[0].plogo)
                $("#plogo2").attr("src",map.data[1].plogo)
                $("#plogo3").attr("src",map.data[2].plogo)
                $("#plogo4").attr("src",map.data[3].plogo)
				$("#plogo5").attr("src",map.data[4].plogo)
				$("#plogo6").attr("src",map.data[5].plogo)

                $("#plogo11").attr("src",map.data[0].plogo)
                $("#plogo22").attr("src",map.data[1].plogo)
                $("#plogo33").attr("src",map.data[2].plogo)
                $("#plogo44").attr("src",map.data[3].plogo)
                $("#plogo55").attr("src",map.data[4].plogo)
                $("#plogo66").attr("src",map.data[5].plogo)

            }
        });
    });
</script>
<!-- 尾 -->
<footer class="py-5">
	<div class="container pt-xl-4">
		<div class="row footer-top">
			<div class="col-lg-4 col-md-6 footer-grid_section_1its">
				<h2 class="logo-2 mb-lg-4 mb-3">
					<a href="index.html" class="text-uppercase text-wh">Elvis</a>
				</h2>
				<!-- Map -->
				<div class="map-fo">
					<iframe src=""></iframe>
				</div>
				<!-- //Map -->
			</div>
			<div class="col-lg-2 col-md-6 footer-grid_section_1its mt-md-0 mt-4">
				<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">链接</h3>
				<ul class="list-unstyled">
					<li class="mb-3">
						<a href="index.html">首页</a>
					</li>
					<li class="mb-3">
						<a href="about.html">关于我们</a>
					</li>
					<li class="mb-3">
						<a href="brand.html?bcategory=4">所有品牌</a>
					</li>
					<li class="mb-3">
						<a href="#services">热度最高</a>
					</li>
					<li class="mb-3">
						<a href="contact.html">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-6 footer-grid_section_1its mt-lg-0 mt-4">
				<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">联系方式</h3>
				<div class="contact-info">
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系电话</h4>
						<p>+121 098 8907 9987</p>
					</div>
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系邮箱 </h4>
						<p><a href="mailto:info@example.com">info@example.com</a></p>
					</div>
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系地址</h4>
						<p>Honey Avenue, New York City</p>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 footer-grid_section_1its mt-lg-0 mt-4">
				<!-- social icons -->
				<div class="mobamuinfo_social_icons">
					<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">感谢使用</h3>
					<p>我们是一个公益品牌宣传网站，还在建设中，有什么不周之处敬请谅解！</p>

				</div>
				<!-- social icons -->
			</div>
		</div>
	</div>
</footer>
<!-- //footer -->
<!-- copyright -->
<div class="cpy-right text-center py-3">
	<p>Copyright &copy; 2019.Company name All rights reserved </a></p>
</div>
<!-- //copyright -->

<!-- move top icon -->
	<a href="#home" class="move-top text-center"></a>
	<!-- //move top icon -->

</body>

</html>